<ion-header>
  <ion-navbar>
    <ion-title>科研项目申请</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
        <span class="bhq-title">编号: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmbh}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">项目名称: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmmc}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">项目内容: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmnr}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">项目规模: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmgm}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">项目负责人: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmjlname}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">联系电话: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.slxdh}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">办公电话: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sbgdh}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">邮箱: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sdzyx}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">项目状态: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sxmztname}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">备注: </span>
        <span class="bhq-content">{{gzprojectinfo.editRow.sbz}}</span>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">项目参与人</span>
    </ion-list-header>
    <ion-item *ngFor="let item of gzprojectinfo.editRow.gzplanpersonnel">
      <ion-label class="bhq-content">{{item.yrmc}}({{item.ssfz}})</ion-label>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">科室科长审核</span>
    </ion-list-header>
    <div *ngIf="gzprojectinfo.process.usertask2!=null">
      <div *ngFor="let item of  gzprojectinfo.process.usertask2.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzprojectinfo.process.usertask2.editRow!=null && gzprojectinfo.proauth.kssh  && gzprojectinfo.process.usertask2.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzprojectinfo.process.usertask2.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab3">办公室主任审核</span>
    </ion-list-header>
    <div *ngIf="gzprojectinfo.process.usertask3!=null">
      <div *ngFor="let item of  gzprojectinfo.process.usertask3.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzprojectinfo.process.usertask3.editRow!=null && gzprojectinfo.proauth.bgssh  && gzprojectinfo.process.usertask3.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzprojectinfo.process.usertask3.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
</ion-content>

<ion-footer class="bhq-bpm-button">
  <div class="footer-btn" *ngIf="gzprojectinfo.auth.opt_th" (click)="gzprojectinfo.getBackTask(null,null);">
    <ion-icon name="arrow-dropleft-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>退回</p>
  </div>
  <div class="footer-btn" *ngIf="gzprojectinfo.auth.opt_bc" (click)="gzprojectinfo.bpmSave(null);">
    <ion-icon name="lock" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>保存</p>
  </div>
  <div class="footer-btn" *ngIf="gzprojectinfo.auth.opt_tj" (click)="gzprojectinfo.getNextTask(null,null);">
    <ion-icon name="arrow-dropright-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>通过</p>
  </div>
  <!-- <div class="footer-more" (click)="goProcessPage();">...</div> -->
  <div class="footer-btn" (click)="goProcessPage();">
      <ion-icon name="keypad" style="font-size:2em;color: #5477b0;"></ion-icon>
      <p>更多</p>
  </div>
</ion-footer>